<template>
  <div class="nav-menu">
    <section :class="[activeIndex === qi ? 'active-item' : '']" class="menu-item" v-for="(q, qi) in menuList" :key="qi" @click="jumpTo(qi, q.href)">
      <i :class="q.icon"></i>
      <span>{{ q.name }}</span>
    </section>
  </div>
</template>

<script lang="ts" src="./index.ts"></script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
  @import "index";
</style>
